<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="user-scalable=no,width=device-width,initial-scale=1,maximum-scale=1.0" />
    <title>MobiContact</title>
    <link rel="stylesheet" href="themes/jquery.mobile-1.1.1.min.css" />
    <link rel="stylesheet" href="themes/my.css" />
    <script type="text/javascript" charset="utf-8" src="cordova-2.1.0.js"></script>
    <script src="js/jquery-1.8.1.min.js"></script>
    <script src="js/jquery.mobile-1.2.0-beta.1.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="js/contactos.js"></script>
    <script type="text/javascript" charset="utf-8" src="js/numberHelpers.js"></script>
    <script type="text/javascript" charset="utf-8" src="js/progressbar.js"></script>
    <style type="text/css" media="screen">
      @font-face {
        font-family: moviRegularTitle;
        src: url('themes/fonts/MovistarHeadline-Regular.otf') format("opentype");;
      }
      
      @font-face {
        font-family: moviRegularText;
        src: url('themes/fonts/MovistarText-Regular.otf') format("opentype");;
      }
      
      .cab-right{
        font-family: moviRegularTitle;
      }
      p, span{
        font-family: moviRegularText;
      }
      </style>
  </head>
  
  <body>
    <!-- PAGINA INICIAL -->
    <div data-role="page" id="main" data-theme="a">
      <div class="head">
        <div id="cab-cont">
          <div class="cab-right">MAS 9</div>
          <img id="img-head" src="themes/images/img-heder.png" alt="">
            </div>
      </div><!-- /header -->
      
      <div id="botonera" style="display: none">
        <ul class="ul-menu">
          <a href="#contactos" ><li class="li-menu main"><img src="themes/images/contactos.png" alt=""><span>Contactos</span></li></a>
          <a href="#mainPage"><li class="li-menu main"><img src="themes/images/comunidad2.png" alt=""><span>Compartir</span></li></a>
          <a href="#ayuda" ><li class="li-menu main"><img src="themes/images/ayuda.png" alt=""><span>Ayuda</span></li></a>
        </ul>
      </div>
      
      <div data-role="content" id="firstScreen" style="margin: 10% auto; display: none;">
        <section id="content">
          <article>
            <h1 class="title" style="text-transform: uppercase;">Un nuevo dígito se incluye a tus contactos</h1>
            <p>Incluye el dígito 9 a los contactos de tu directorio telefónico a partir del 30 de septiembre de manera fácil y segura con esta aplicación exclusiva de Movistar.</p>

            <div id="tos">
              <input type="checkbox" onclick="aceptaCondiciones()" class="tos_checkbox removeDivContainer">ACEPTO <a href="#termCondiciones" data-rel="termCondiciones" data-transition="pop" class="tos_words">los términos y condiciones</a>
            </div>

          </article>
        </section>
        
        <!-- <div id="buttons"></div> -->
        
      </div><!-- /content -->
    </div><!-- /page -->
    
    
    <div data-role="page" data-theme="a" id="termCondiciones">
      <div class="head">
        <div id="cab-cont">
          <div class="cab-right">MAS 9</div>
          <img id="img-head" src="themes/images/img-heder.png" alt="">
            </div>
      </div>
      
      <ul class="ul-menu">
        <a href="#contactos" ><li class="li-menu"><img src="themes/images/contactos.png" alt=""><span>Contactos</span></li></a>
        <a href="#mainPage"><li class="li-menu"><img src="themes/images/comunidad2.png" alt=""><span>Compartir</span></li></a>
        <a href="#ayuda" ><li class="li-menu"><img src="themes/images/ayuda.png" alt=""><span>Ayuda</span></li></a>
      </ul>
      
      <div data-role="content">
        
        <section id="sec_ayuda">
          <article>
            <h1 class="title">Terminos y Condiciones</h1>
            <img src="themes/images/contactos-blue.png" class="img_content" alt="">
              <p>Los siguientes Términos y Condiciones regirán el uso de la aplicación
              ”MAS 9” ofrecido por OTECEL S.A. (en adelante “Movistar”) a los usuarios del
              Servicio Móvil Avanzado en general que antes de utilizar este servicio debe
              leer y aceptar los presentes Términos y Condiciones de uso. Su aprobación
              implicará la comprensión y la aceptación total de las condiciones,
              restricciones,  reglas y estándares descritos en este documento.</p>
              
              <p><b>1.- OBJETO:</b></p>
              
              <p>El presente documento tiene como objeto poner en conocimiento de los
              Términos y Condiciones de la aplicación ”MAS 9”</p>
              
              <p><b>2.-DEFINICIONES:</b></p>
              
              <p>2,1. Dispositivos: teléfonos celulares, teléfonos inteligentes que
              sean compatibles con la aplicación.</p>
              
              <p>2,2. Usuario: usuario del servicio móvil avanzado habilitado en un
              pospago o prepago de cualquier operador de telefonía móvil en Ecuador.</p>
              
              <p>2,3. Internet: World Wide Web que se comunica principalmente a
              través del Protocolo de Internet (IP).</p>
              
              <p>2,4. Aplicación: herramienta, funciones y características disponibles
              en ”MAS 9”</p>
              
              <p>2,5. Agenda de Contactos: registro y/o lista de contactos personales
              creados por el usuario y almacenado en el dispositivo.</p>
              
              <p>2,6. Noveno dígito: Mediante resolución 349-17-CONATEL-2007 se
              aprobó el Plan Técnico Fundamental de Numeración  el cual dispone entre otras
              cosas aumentar la disponibilidad de números de teléfono móvil y satisfacer la
              demanda creciente de nuevos usuarios, para lo que se llevará a cabo la
              inclusión del dígito 9 en todos los números móviles en la novena ubicación
              contando desde la derecha.</p>
              
              <p>2,7.- Dispositivos compatibles: Está versión de la aplicación es
              compatible con el sistema operativo IOS<span style='color:red'>  </span>para la
              versión 4.0 en adelante. Los dispositivos que utilizan esté sistema operativo
              son Marca: Apple Modelo: Iphone.</p>
              
              <p><b>3.- DESCRIPCIÓN Y CONDICIONES DE SERVICIO:</b></p>
              
              <p>3,1.- ”MAS 9” está disponible para los usuarios del servicio móvil
              avanzado de cualquier operadora móvil en Ecuador qué tengan un terminal con
              sistema operativo para la versión 4.0 en adelante.</p>
              
              <p>3,2.-No hay necesidad de identificarse o registrarse para utilizar
              la aplicación. Cualquier usuario puede actualizar su agenda y/o lista de
              contactos del Dispositivoa través de la aplicación ”MAS 9”  siempre que el Dispositivo
              sea soportado por la aplicación.</p>
              
              <p>3,3.- Para utilizar ”MAS 9”, se debe descargar la aplicación de las
              tiendas o repositorios de aplicaciones indicados en la página <a
                href="http://www.movistar.com.ec">www.movistar.com.ec</a>, se deberá revisar si
              el modelo del Dispositivo del usuario soporta la aplicación para realizar la
              descarga. Previa el uso de la aplicación debe aceptar las condiciones de uso  descritas
              en este documento, el aceptar los términos de uso de la aplicación implica la
              aceptación y conocimiento de estos Términos y Condiciones</p>
              
              <p>3,4.- ”MAS 9”  tiene como objetivo ayudar a los clientes a actualizar
              su agenda de contactos automáticamente con la inclusión del dígito 9.</p>
              
              <p>3,5.- Para que la Aplicación pueda comenzar el proceso de
              actualización de la agenda de contactos del dispositivo del Usuario, es
              necesario disponer de por lo menos 10mb de memoria disponible en el teléfono.</p>
              
              <p>3.6.- ”MAS 9” está diseñada para funcionar en determinados modelos
              de dispositivos indicados en la página <a href="http://www.movistar.com.ec">www.movistar.com.ec</a>.</p>
              
              <p>3.7.-La aplicación ”MAS 9” es gratis y no hay ningún costo para su
              uso. La misma no podrá ser vendida por un tercero sin la autorización escrita
              de Movistar.</p>
              
              <p>3.8.- La descarga de la aplicación genera consumo de datos que será descontado
              del paquete de datos disponible por el usuario.</p>
              
              <p><b>4.- REFLEXIONES FINALES:</b></p>
              
              <p>4,1.- ”MAS 9”  funcionará solamente en el sistema operativo indicado
              en este documento.</p>
              
              <p >4,2.- ”MAS 9”  no se hace responsable de los daños causados por el mal uso de la aplicación "MAS 9" </span></p>
              
              <p>4,3.- En la aplicación ”MAS 9” al hacer clic en “Actualizar” y
              posteriormente en “Aceptar”  el cliente autoriza a la aplicación ”MAS 9”  ingresar
              en los datos de la agenda de contactos y actualizarla con el 9 dígito Los datos
              actualizados no serán usados o copiados por OTECEL.</p>
              
              <p>4,4.- En la aplicación ”MAS 9” al hacer clic en “Restaurar” y
              posteriormente en “Aceptar”  el cliente autoriza a la aplicación ”MAS 9”  ingresar
              en los datos de la agenda de contactos y restaurar los números de teléfono como
              estaban antes de la inclusión del 9 dígito.</p>
              
              <p>4,5.- Movistar no se responsabiliza por daños parciales o totales en
              los dispositivos luego del uso de la aplicación Movistar noveno digito.</p>
              
              <p>4,6.-Movistar recomienda a los Usuarios de ”MAS 9”  que realicen un
              respaldo de sus contactos previo a la actualización de la agenda de contactos.</p>
              
              <p>4,7.-Movistar podrá en cualquier momento modificar o retirar la
              aplicación de las tiendas de aplicaciones o de los sitios de descarga
              autorizados.</p>
              
              <p>4,8.- Movistar deja expresamente indicado que el uso de la aplicación
              ”MAS 9” es de total responsabilidad del usuario.</p>
              
              <p>4,9.-Los presentes Terminos y Condiciones de Uso de ”MAS 9” también
              podrán en cualquier momento ser modificadas, previa notificación al usuario y
              comunicación en la página web.</p>
              </article>
          
          <a id="ba" href="#main" data-role="button" data-rel="back" data-theme="a">Volver</a>
          </div>
    </div>
    
    </div>
    </div>
    
    
    <div data-role="page" data-theme="a" id="mainPage">
      <div class="head">
        <div id="cab-cont">
          <div class="cab-right">MAS 9</div>
          <img id="img-head" src="themes/images/img-heder.png" alt="">
            </div>
      </div>
      
      <ul class="ul-menu">
        <a href="#contactos" ><li class="li-menu"><img src="themes/images/contactos.png" alt=""><span>Contactos</span></li></a>
        <a href="#mainPage"><li class="li-menu active"><img src="themes/images/comunidad2.png" alt=""><span>Compartir</span></li></a>
        <a href="#ayuda" ><li class="li-menu"><img src="themes/images/ayuda.png" alt=""><span>Ayuda</span></li></a>
      </ul>
      
      <div data-role="content" style="overflow: visible;">
        
        <section id="content">
          <article>
            <h1 class="title">COMPARTIR</h1>
            <p>Compartida, la vida es más.</p>
            <p>Cuenta a tus amigos y familiares que acabas de agregar el nuevo dígito a tus contactos.</p>
          </article>
        </section>
        <div id="buttons" >
          <a href="https://twitter.com/intent/tweet?source=webclient&text=Ya+cambi%C3%A9+todos+mis+contactos+al+nuevo+sistema+de+numeraci%C3%B3n+celular%2C+ent%C3%A9rate+como%3A+v%C3%ADa+%40MovistarEC" target="_blank" rel="external">
            <img src="themes/images/social/twitter.png">
          </a>
          <a href="http://www.facebook.com/sharer/sharer.php?u=movistar.com.ec" target="_blank" rel="external">
            <img src="themes/images/social/facebook.png">
          </a>
        </div>
      </div>
    </div>
    </div>
    
    <div data-role="page" id="contentPage">
      <div data-role="header" onclick="location.href='index.html#main';">
        
        
        <h1>Blog Movistar</h1>
      </div>
      
      <div data-role="content" id="entryText">
      </div>
      
      <div data-role="footer">
        <a href="#mainPage" data-rel="back">Posts!</a>
      </div>
    </div>
    
    <!-- PAGINA DE CONTACTOS -->
    <div data-role="page" data-theme="a" id="contactos">
      <div class="head">
        <div id="cab-cont">
          <div class="cab-right">MAS 9</div>
          <img id="img-head" src="themes/images/img-heder.png" alt="">
            </div>
      </div> <!--header -->
      
      <ul class="ul-menu">
        <a href="#contactos" ><li class="li-menu active"><img src="themes/images/contactos.png" alt=""><span>Contactos</span></li></a>
        <a href="#mainPage"><li class="li-menu"><img src="themes/images/comunidad2.png" alt=""><span>Compartir</span></li></a>
        <a href="#ayuda" ><li class="li-menu"><img src="themes/images/ayuda.png" alt=""><span>Ayuda</span></li></a>
      </ul>
      
      <div data-role="content" style="text-align: center">
        <div id="botones">
          <div id="panelActualizar">
            <div class="divs_loading_contacts" style="display:none;">
              <input type="button" id="actualizar" value="Actualizar">
            </div>

            <section id="content" class="waitingContacts" style="display:none;">
              <article>
                <p>¡Vaya, tienes bastantes contactos!</p>
                <p>Por favor espera unos minutos, estamos analizando tu agenda. Recuerda, no salgas de MAS 9</p>
              </article>
            </section>

            <section id="content" class="nowUpdatingContacts" style="display:none;">
              <article>
                <div id="progressbardiv">
                  <div id="progresscontainer">
                    <div id="progressinner"></div>
                  </div>
                  <div id="progressText"></div>
                </div>
                <div class="clear"></div>
                <p>¡Vaya, tienes bastantes contactos!</p>
                <p>Por favor espera unos minutos, estamos procesando tu agenda. Recuerda, no salgas de MAS 9</p>
              </article>
            </section>

            <div class="divs_loading_contacts" style="display:none;">
              <section id="content">
                <article>
                  <p>Incluye el dígito 9 en los contactos de tu agenda telefónica. Este proceso puede tardar varios minutos. Recuerda previamente realizar un respaldo de tus contactos.</p>
                </article>
              </section>
            </div>
          </div>
          
        </div>
      </div> <!--content -->
    </div> <!--page -->
    
    
    <!-- PAGINA COMPARTIR -->
    <div data-role="page" data-theme="a" id="compartir">
      <div data-role="header" onclick="location.href='index.html#main';">
        <!-- <h1>Blog Movistar</h1> -->
        <a href="#main" data-rel="#main">&#9664; Inicio</a>
        <!-- <h1>Blog Movistar</h1> -->
        <div id="head">
          <img id="img-head" src="themes/images/img-heder.png" alt="">
            </div>
      </div>
      <ul class="ul-menu">
        <li class="li-menu"><a href="#contactos"  data-transition="slide" ><img src="themes/images/sim_icon2.png" alt=""><span>Contactos</span></a></li>
        <li class="li-menu active"><a href="#compartir" data-transition="slide" ><img src="themes/images/icon-pc-movistar.png" alt=""><span>Compartir</span></a></li>
        <li class="li-menu"><a href="#ayuda" data-transition="slide" ><img src="themes/images/ayuda_icon.png" alt=""><span>Ayuda</span></a></li>
      </ul>
      <div data-role="content">
        <section id="content">
          <article>
            <p>Compartir</p>
          </article>
          
        </section>
        
        <div id="buttons"></div>
      </div>
    </div>
    
    <!-- PAGINA DE AYUDA -->
    <div data-role="page" data-theme="a" id="ayuda">
      <div class="head">
        <div id="cab-cont">
          <div class="cab-right">MAS 9</div>
          <img id="img-head" src="themes/images/img-heder.png" alt="">
            </div>
      </div>
      <ul class="ul-menu" >
        <li class="li-menu"><a href="#contactos"  data-transition="slide" ><img src="themes/images/sim_icon2.png" alt=""><span>Contactos</span></a></li>
        <li class="li-menu"><a href="#compartir" data-transition="slide" ><img src="themes/images/icon-pc-movistar.png" alt=""><span>Compartir</span></a></li>
        <li class="li-menu active"><a href="#ayuda" data-transition="slide" ><img src="themes/images/ayuda_icon.png" alt=""><span>Ayuda</span></a></li>
      </ul>
      <div data-role="content">
        
        <section id="sec_ayuda">
          <article>
            <h1 class="title">¿Necesitas ayuda?</h1>
            <p>Selecciona una de las siguientes opciones:</p>
            <ul class="ul-ayu">
              <li class="li-ayu"><a href="#ayuda-contactos" data-transition="slide"><img src="themes/images/sim_icon2.png" alt=""><span>Contactos</span></a></li>
              <li class="li-ayu"><a href="#ayuda-compartir" data-transition="slide"><img src="themes/images/icon-pc-movistar.png" alt=""><span>Compartir</span></a></li>
              <a href="#ayuda-ayuda"><li class="li-ayu"><img src="themes/images/comunidad2.png" alt=""><span>Acerca de</span></li></a>
            </ul>
          </article>
        </section>
      </div>
      
    </div>
    
    <!-- PAGINA DE AYUDA -->
    <div data-role="page" data-theme="a" id="ayuda">
      <div class="head">
        <div id="cab-cont">
          <div class="cab-right">MAS 9</div>
          <img id="img-head" src="themes/images/img-heder.png" alt="">
            </div>
      </div>
      
      <ul class="ul-menu">
        <a href="#contactos" ><li class="li-menu"><img src="themes/images/contactos.png" alt=""><span>Contactos</span></li></a>
        <a href="#mainPage"><li class="li-menu"><img src="themes/images/comunidad2.png" alt=""><span>Compartir</span></li></a>
        <a href="#ayuda" ><li class="li-menu active"><img src="themes/images/ayuda.png" alt=""><span>Ayuda</span></li></a>
      </ul>
      
      <div data-role="content">
        
        <section id="sec_ayuda">
          <article>
            <h1 class="title">¿Necesitas ayuda?</h1>
            <p>Selecciona una de las siguientes opciones:</p>
            <ul class="ul-ayu">
              <a href="#ayuda-contactos"><li class="li-ayu"><img src="themes/images/contactos.png" alt=""><span>Contactos</span></li></a>
              <a href="#ayuda-blog"><li class="li-ayu"><img src="themes/images/comunidad2.png" alt=""><span>Compartir</span></li></a>
              <a href="#ayuda-ayuda"><li class="li-ayu"><img src="themes/images/blog.png" alt=""><span>Acerca de</span></li></a>
            </ul>
          </article>
        </section>
      </div>
    </div>
    
    <!-- PAGINA DE AYUDA contactos -->
    <div data-role="page" data-theme="a" id="ayuda-contactos">
      <div class="head">
        <div id="cab-cont">
          <div class="cab-right">MAS 9</div>
          <img id="img-head" src="themes/images/img-heder.png" alt="">
            </div>
      </div>
      
      <ul class="ul-menu">
        <a href="#contactos" ><li class="li-menu"><img src="themes/images/contactos.png" alt=""><span>Contactos</span></li></a>
        <a href="#mainPage"><li class="li-menu"><img src="themes/images/comunidad2.png" alt=""><span>Compartir</span></li></a>
        <a href="#ayuda" ><li class="li-menu active"><img src="themes/images/ayuda.png" alt=""><span>Ayuda</span></li></a>
      </ul>
      
      <div data-role="content">
        
        <section id="sec_ayuda">
          <article>
            <h1 class="title">Contactos</h1>
            <img src="themes/images/contactos-blue.png" class="img_content" alt="">
              <p>En la función CONTACTOS podrás actualizar y restauran tu lista de contactos con el nuevo dígito:</p>
              <p><strong>Actualización:</strong> Incluye el dígito 9 en los contactos de tu agenda telefónica. Este proceso puede tardar varios minutos. Recuerda previamente realizar un respaldo de tus contactos.</p>
              </article>
        </section>
      </div>
    </div>
    
    <!-- PAGINA DE AYUDA Blog -->
    <div data-role="page" data-theme="a" id="ayuda-blog">
      <div class="head">
        <div id="cab-cont">
          <div class="cab-right">MAS 9</div>
          <img id="img-head" src="themes/images/img-heder.png" alt="">
            </div>
      </div>
      
      <ul class="ul-menu">
        <a href="#contactos" ><li class="li-menu"><img src="themes/images/contactos.png" alt=""><span>Contactos</span></li></a>
        <a href="#mainPage"><li class="li-menu"><img src="themes/images/comunidad2.png" alt=""><span>Compartir</span></li></a>
        <a href="#ayuda" ><li class="li-menu active"><img src="themes/images/ayuda.png" alt=""><span>Ayuda</span></li></a>
      </ul>
      
      <div data-role="content">
        
        <section id="sec_ayuda">
          <article>
            <h1 class="title">Compartir</h1>
            <img src="themes/images/blog-blue.png" class="img_content" alt="">
              <p>Con esta función podrás compartir con todos tus amigos en redes sociales que has el incluido el nuevo digito en los contactos de tu directorio.</p>
              </article>
        </section>
      </div>
    </div>
    
    <!-- PAGINA DE AYUDA ayuda -->
    <div data-role="page" data-theme="a" id="ayuda-ayuda">
      <div class="head">
        <div id="cab-cont">
          <div class="cab-right">MAS 9</div>
          <img id="img-head" src="themes/images/img-heder.png" alt="">
            </div>
      </div>
      
      <ul class="ul-menu">
        <a href="#contactos" ><li class="li-menu"><img src="themes/images/contactos.png" alt=""><span>Contactos</span></li></a>
        <a href="#mainPage"><li class="li-menu"><img src="themes/images/comunidad2.png" alt=""><span>Compartir</span></li></a>
        <a href="#ayuda" ><li class="li-menu active"><img src="themes/images/ayuda.png" alt=""><span>Ayuda</span></li></a>
      </ul>
      
      <div data-role="content">
        
        <section id="sec_ayuda">
          <article id="about">
            <h1>MAS 9</h1> <p>aplicación desarrollada por:</p>
            
            <p class="iso"><a href="http://twitter.com/Blacktiago">@Blaktiago</a> <a href="http://twitter.com/Christmo">@Chrismo</a> <a href="http://twitter.com/Jonathany_23">@Jonathany_23</a></p>
            
            <h3>Soporte y ayuda de:</h3>
            <ul class="ul-logo">
              <li class="li-logo"><img src="themes/images/utpl.png" alt=""></li>
              <li class="li-logo"><img src="themes/images/LVT.png" alt=""></li>
              <li class="li-logo"><img src="themes/images/JDG.png" alt=""></li>
            </ul>
            <p>La aplicación es propiedad de OTECEL</p>
            <div align="center">
              <img src="themes/images/img-heder.png" alt="" style="width: 117px; height: 37px;">
            </div>
          </article>
        </section>
      </div>
    </div>
  </body>
</html>